<link rel="stylesheet"
	href="./app/lib/datetimepicker/css/bootstrap-datetimepicker.min.css">
<!--

//-->

<style>
.division {
	margin-top: 50px;
}
/* line 879, ../sass/main.scss */
.special_topic_detail {
	/* padding-bottom: 20px; */
	
}
/* line 882, ../sass/main.scss */
.special_topic_detail .s_t_d_img_container {
	position: relative;
}
/* line 887, ../sass/main.scss */
.special_topic_detail .s_t_d_img_container img {
	width: 100%;
}
/* line 892, ../sass/main.scss */
.special_topic_detail p {
	font-size: 1.125rem;
	line-height: 1.625rem;
	color: #999999;
}

<!--
--> /* line 933, ../sass/main.scss */
.indicator {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	width: 34px;
	height: 34px;
	cursor: pointer;
}
/* line 942, ../sass/main.scss */
.indicator .indicator_s {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
	width: 100%;
	height: 100%;
	background: url("app/promotions/pointer_small.png") center/contain
		no-repeat;
	-webkit-animation: twinkle 1s linear infinite;
	animation: twinkle 1s linear infinite;
}
/* line 954, ../sass/main.scss */
.indicator .indicator_b {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
	width: 100%;
	height: 100%;
	background: url("app/promotions/pointer_big.png") center/contain
		no-repeat;
	-webkit-animation: twinkle 1s linear .5s infinite;
	animation: twinkle 1s linear .5s infinite;
}
/* line 966, ../sass/main.scss */
.indicator .indicator_hover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
	display: none;
	background: url("app/promotions/pointer_hover.png") center/contain
		no-repeat;
}
/* line 977, ../sass/main.scss */
.indicator .show_detail {
	display: none;
	position: absolute;
	top: -92px;
	left: 50px;
	padding: 10px;
	width: 180px;
	height: 220px;
	background: #fff;
	box-shadow: 0px 0px 3px 1px #999999;
}
/* line 988, ../sass/main.scss */
.indicator .show_detail img {
	margin-bottom: 10px;
	border: 1px solid #dddddd;
	width: 160px;
	height: 160px;
}
/* line 995, ../sass/main.scss */
.indicator .show_detail p {
	font-size: 12px;
	line-height: 16px;
	color: #000;
	font-weight: bold;
}
/* line 1003, ../sass/main.scss */
.indicator .show_detail.show {
	display: block;
}

/* line 1011, ../sass/main.scss */
.indicator:hover .indicator_s, .indicator:hover .indicator_b {
	display: none;
}
/* line 1015, ../sass/main.scss */
.indicator:hover .indicator_hover {
	display: block;
}
/* line 1019, ../sass/main.scss */
.indicator:hover .show_detail {
	display: block;
}

/* line 1024, ../sass/main.scss */
.triangle-left {
	position: absolute;
	top: 102px;
	left: -10px;
	width: 0;
	height: 0;
	z-index: 16;
	border-top: 6px solid transparent;
	border-right: 10px solid #fff;
	border-bottom: 6px solid transparent;
}

/* line 1036, ../sass/main.scss */
.triangle-left—bg {
	position: absolute;
	top: 102px;
	left: -11px;
	width: 0;
	height: 0;
	z-index: 15;
	border-top: 7px solid transparent;
	border-right: 11px solid #999999;
	border-bottom: 7px solid transparent;
}
</style>
<div ng-controller="promotiontopic">
	<section class="content-header">
		<h1>
			{{title}}<small></small>
		</h1>
	</section>
	<section class="content">
		<div class="box box-default">
			<div class="col-md-12">
				<div class="box-body">
					<alertdanger></alertdanger>
					<alertsuccess></alertsuccess>
					<form role="form">
						<div class="box-body">
							<div class="form-group">
								<label>专题号</label> <input maxlength="20" required="required"
									ng-model="vol" class="form-control" type="text"
									placeholder="请输入专题号" value="">
							</div>
							<div class="form-group">
								<label>标题</label> <input maxlength="20" required="required"
									ng-model="topictitle" class="form-control" type="text"
									placeholder="请输入标题" value="">
							</div>
							<div class="form-group">
								<label>简介</label>
								<textarea ng-model="des" class="form-control" rows="8"
									placeholder="请输入简介"></textarea>
							</div>

							<div class="form-group">
								<label>头图片上传</label>
								<div ngf-drop ngf-select ng-model="files" class="drop-box"
									ngf-drag-over-class="'dragover'" ngf-multiple="true"
									ngf-allow-dir="true" accept="image/*" ngf-pattern="'image/*'">
									<button class="btn btn-default btn-block btn-sm">选择文件</button>
									<div ngf-no-file-drop>File Drag/Drop is not supported for
										this browser</div>
								</div>
								<div class='box-body'>
									<div class="progress progress-sm active">
										<div
											class="progress-bar progress-bar-success progress-bar-striped"
											role="progressbar" aria-valuenow="0" aria-valuemin="0"
											aria-valuemax="100" style="width: {{progress">
											<span class="sr-only">20% Complete</span>
										</div>
									</div>
									<div ng-repeat="img in allupimgs">
										<div ng-if="img.isCloudImg">
											<div class="alert alert-success alert-dismissable">
												<button ng-click="remove($index)" type="button"
													class="close" data-dismiss="alert" aria-hidden="true">&times;</button>

												<img class="img-responsive pad"
													ng-src="{{img.normalfilepath}}" alt="Photo"> <img
													class="img-responsive pad"
													ng-src="{{img.compressfilepath}}" alt="Photo">

											</div>
										</div>
										<div ng-if="!img.isCloudImg">
											<div class="alert alert-success alert-dismissable">
												<button ng-click="remove($index)" type="button"
													class="close" data-dismiss="alert" aria-hidden="true">&times;</button>

												<img class="img-responsive pad"
													ng-src="{{img.basepath+img.normalfilepath}}" alt="Photo">

												<img class="img-responsive pad"
													ng-src="{{img.basepath+img.compressfilepath}}" alt="Photo">

											</div>
										</div>
									</div>
								</div>
							</div>

						</div>
						<div class="form-group">
							<label> <input type="radio" ng-model="iscommendtoindex"
								ng-value="1" class="flat-red" ng-checked="true">推荐到首页
							</label> <label> <input type="radio" ng-model="iscommendtoindex"
								ng-value="0" class="flat-red"> 不推荐到首页
							</label>
						</div>
						<div class="form-group">
							<label> <input type="radio" ng-model="ismaincommend"
								ng-value="1" class="flat-red" ng-checked="true">主推
							</label> <label> <input type="radio" ng-model="ismaincommend"
								ng-value="0" class="flat-red"> 不主推
							</label>
						</div>
						<div class="form-group">
							<label> <input type="radio" ng-model="status"
								ng-value="1" class="flat-red" ng-checked="true"> 启用
							</label> <label> <input type="radio" ng-model="status"
								ng-value="0" class="flat-red"> 禁用
							</label>
						</div>
				</div>
				<div class="box-footer">
					<button ng-show="savebtn.show" type="button"
						class="btn btn-primary" ng-click="save();">保存</button>
					<button ng-show="updatebtn.show" type="button"
						class="btn btn-primary" ng-click="update();">更新</button>
				</div>
				</form>
			</div>
		</div>
		<div class="box-footer"></div>
</div>
</section>


</div>
